header {
    width: 100%;
    height: 53px;
    background-image: linear-gradient(to right,#7253f8,#d939a9);
    display: flex;
    justify-content:space-between;
    .bar_left {
        a{
            width: 20px;
            height: 20px;
            margin: 13px auto;
            background: url('../images/icon_bar.png');
            background-position: -89px -8px;
            background-size: 200px 110px;
            display: inline-block;
            margin-left: 10px;
        }
    }
    .bar_center{
        h1{
            color: #fff;
            font-size: 24px;
            line-height: 12px;;

        }
    }
    .bar_right{
        a{
            width: 30px;
            height: 30px;
            margin: 13px auto;
            background: url('../images/header_app.png');
            display: inline-block;
            background-size: 100%;
            margin-right: 10px;
        }
    }
}

// 三联搜索
#search{
    padding: 2px;
    background-image: linear-gradient(to right,#7253f8,#d939a9);
    display: flex;  
    .inner{
        display: flex;
        flex: 1;
        .wrapper-demo{
            width: 33.333%;
            .dropdown{
                width: 100%;
                .btn{
                    width: 100%;
                    display: flex;
                    border:none;
                    justify-content:space-between;
                    border-radius: 0;
                    .caret{
                        margin-top: 7px;
                    }
                }
                .dropdown-menu{
                    width: 100%;
                }
            }
        }
    }
    .search_btn{
        a{
          width: 34px;
          height: 32px;
          display: inline-block;
          background:url('../images/icon_bar.png');
          background-position: -13px -13px;
          background-size: 300px;
          background-color: #fff;
        }
    }
}

// 商品内容
#products{
    background-color: #f1f1f1;
    .item{
        padding: 6px;
        display: flex;
        #products_items{
            zoom: 1;
            li{
                width: 50%;
                float: left;
                a{
                    display: block;
                    margin: 4px;
                    height: 243px;
                    border: 1px solid rgba(194, 15, 66, 0.75);
                    background-color: #fff;
                    .mc-pic{
                        padding: 4px;
                        img{
                            width: 174px;
                            height: 174px;
                            text-align: center;
                        }
                        .mc-title{
                            color:#333;
                            padding: 3px 6px;
                            height: 16px;
                            overflow: hidden;
                            font-size: 12px;
                            line-height: 14px;
                            font-weight: normal;
                            text-align: left;
                            margin-top: 6px;
                        }
                        .mc-price{
                            padding: 6px;
                            .prices{
                                float: left;
                                color:#f1014c;
                                font-size: 20px;
                            }
                            .btn-buy{
                                float: right;
                                font-size: 14px;
                                color:#fff;
                                border-radius: 3px;
                                background-color: #f1014c;
                                padding: 4px 10px;
                                z-index: 999;
                            }
                        }
                    }
                }
            }
        }
    }
}

// 遮罩层
.message-container{
    display: none;
    position: fixed;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color:rgba(0,0,0,.4);
    z-index: 9999;
    .message-wrap{
        width: 100%;
        height: 100%;
        position: relative;
        .message-content{
            position: absolute;
            height: 80px;
            line-height: 80px;
            top:50%;
            left: 50%;
            transform: translate(-50%,-50%);
            background-color: #fff;
            width: 80%;
            min-width: 270px;
            text-align: center;
            font-size: 20px;
            .off {
                position: absolute;
                top:0;
                right: 0;
                font-size: 30px;
                text-decoration: none;
            }
        }
    }
}